@import "./colors";
@import "./mixins";

.panel-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;

  padding-bottom: 2rem;

  > .panel {
    flex-grow: 1;
    &:last-of-type {
      margin-right: 0;
    }
  }
}

.panel {
  @extend %clearfix;
  background-color: $whiteColor;
  color: $blackGrayColor;
  box-shadow: 0px 1px 2px $grayBlueColor;

  > section {
    padding: 1.5rem;
    border-bottom: 2px solid $grayBlueColor;

    &:last-of-type {
      border-bottom: 0;
    }
  }
}

.placeholder {
  @extend %placeholder;
}
